
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <script type="text/javascript">
    let arr1 = [1,3,5,7,9]
    let arr2 = [2,4,6,8,10]
    // console.log(...arr1)  // 展开数组
    let arr3 = [...arr1,...arr2]
    // console.log(arr3)  // 连接数组


    // 在函数中使用
    function sum(...number){
      return number.reduce((preValue, currentValue)=>{
        return preValue + currentValue
      })
    }

    console.log(sum(1,2,3,4,5))

    // 构造字面量对象时使用展开语法
    let parson = {name:'tom', age:18}
    let parson2 = {...parson}  // 复制对象
    parson.name = 'jerry'  // 改变原始数值
    console.log(parson2)  // 复制后对象被赋值
    console.log(parson)  // 原始发生改变
    // 合并
    let parson3 = {...parson, name:'jack', address:"地球"}
    console.log(parson3)
  </script>
</body>
</html>